<template>
    <div class="coupon">
        <CouponComponent :price="1" detail1="只可参与首月租金抵扣" classify1="首月租金券" detail2="首月租金1元" invalid="领取后15天有效"
            :state="2"></CouponComponent>
        <div class="more" @click="getMoreCoupon">
            领取更多好券>
        </div>
    </div>
</template>
<script>
import CouponComponent from "@/components/CouponComponent.vue"
export default {
    name: "CouponView",
    components: {
        CouponComponent
    },
    methods: {
        getMoreCoupon() {
            this.$router.push({ name: "more" })
        }
    },
}
</script>
<style lang="scss" scoped>
.coupon {
    padding: 10px 15px;
    min-height: 100vh;
    position: relative;
    padding-bottom: 70px;
    background-color: #f7f7f7;

    .more {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 375px;
        height: 70px;
        background-color: white;
        text-align: center;
        line-height: 70px;
        color: #e2a940;
    }
}
</style>